<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.org/ui"
                template="/templates/plantilla1.xhtml"
                xmlns:c="http://java.sun.com/jsp/jstl/core">

    <ui:define name="contenido">

        <h:form id="formPerfil">

            <h:panelGroup rendered="#{!editarPerfilBean.modoEditar}">
                <h3>Crear Perfil</h3>
            </h:panelGroup>
            <h:panelGroup rendered="#{editarPerfilBean.modoEditar}">
                <h3>Editar Perfil</h3>
            </h:panelGroup>

            <table>
                <tr>
                    <th>* Nombre Perfil:</th>
                    <td>
                        <p:inputText id="nombre" value="#{editarPerfilBean.perfil.nombre}" required="true" />
                    </td>
                    <td>
                        <p:message for="nombre" />
                    </td>
                </tr>
            </table>

            <div class="botonera">
                <p:commandButton value="Guardar"  type="button" onclick="confirmGuardar.show();" />
                <p:commandButton value="Cancelar" action="cancelar" immediate="true" ajax="false" />
            </div>

            <p:confirmDialog widgetVar="confirmGuardar" header="Guardar Perfil"  message="¿Esta seguro que desea guardar el perfil?"  >  
                <p:commandButton value="Si" ajax="false" action="#{editarPerfilBean.guardar()}" 
                                 styleClass="ui-confirmdialog-yes" icon="ui-icon-check" oncomplete="confirmGuardar.hide();"/>  
                <p:commandButton value="No" type="button" styleClass="ui-confirmdialog-no" icon="ui-icon-close" 
                                 onclick="confirmGuardar.hide();" />       
            </p:confirmDialog>  

        </h:form>

    </ui:define>
</ui:composition>